$(document).ready(function(){
	$.ajax({
		"type":"get",
		"url":'../GetRolesInfo?method=GetRolesList',
		"data":{
			"pagenum":1
		},
		success:function(data){
			console.log(data);
			var recordsTotal = JSON.parse(data).recordsTotal;
			appendRoleInfo(data);
		    
		},
		error:function(){
			console.log("error");
		}
	});
//	查询按钮事件方法
	$("#searchbtn").click(function(){
		var role_detail = $("#rolename_ipt").val();
		var permission_detail = $("#permit_ipt").val();
		$.ajax({
			"type":"post",
			"url":"../GetRolesInfo?method=Query",
			"data":{
				"role_detail":role_detail,
				"permission_detail":permission_detail,
				"pagenum":1
			},
			success:function(data){
//				移除原有的表格  重新生成
				$("tbody").remove();
				appendRoleInfo(data);
			}
		
		});
	});
	
})
//	修改按钮方法  参数 角色名 role_id
function edit(rolename,role_id,per_id){
	console.log("role_id:"+role_id);
//	per_id是对象数组
	console.log("rolename:"+rolename);
	var url = "../WebManagement/editRole.jsp?role_id="+role_id+"&per_id="+per_id+"&rolename="+rolename;
	location.href=url;
}
//append数据 生成表格方法  查询与查看全部 共用
function appendRoleInfo(data){
	var recordsTotal = JSON.parse(data).recordsTotal;
    if(recordsTotal == 0){
    	var info = JSON.parse(data).Info;
    	console.log(info);
    	$("#resultinfo").text(info);
    	window.setTimeout(function(){
    		$.blockUI({
    			message:$('#noresult'),
    			css: {
    				padding:"20px",
                    border: "1px",                   // 无边界
                    width:"1000px",                     // 中间框框的宽度
                    top:"40%",                        // 高居中
                    left:"20%"                        // 左居中
               },
    		});
    	},100);
    	
    	$("#res_confirm").click(function(){
    		 $.unblockUI();
    		 location.reload();
    	});
    }else{
	    appendRoleResult(data);
	    var url ='../GetRolesInfo?method=GetRolesList';
		pageMaker(recordsTotal,url,"pagetoolBar","rolelist");
    }
    
}
//翻页方法
function rolelist(data){
	$("tbody").remove();
	appendRoleResult(data);
}
function appendRoleResult(data){
	var rolesData = JSON.parse(data).RolesInfo;
    $.each(rolesData,function(indexs,values){
    	
    	var tr = "<tr><td>"+this.role_detail+"</td><td>"
    			+this.per_detail+"</td>";
    	var btn = "<td class='center'>"
            +"<button id='"+this.role_id+"_edit' class='btn btn-info' >"
                +"<i class='glyphicon glyphicon-edit icon-white'></i>修改</button>&nbsp&nbsp"+"</td></tr>";
//	    	遍历添加行
    	var tr = tr + btn;
    	$("#roleInfoTable").append(tr);
//	    	绑定修改按钮点击事件
    	var btnedit_id =this.role_id+"_edit";
    	$("#"+btnedit_id).click(function(){
	    	var roleid = this.id.split("_");
//	    	传入点击对应的 role_id 与其对应的 per_id
	    	$.each(rolesData,function(indexs,vaules){
	    		if(roleid[0]==this.role_id){
	    			edit(this.role_detail,roleid[0],this.per_id);
	    		}
	    	});
	    	
    	});
    	
    });
}